<template>
	<view class="msg">
		<view class="main">
			<view class="li">
				<img src="/static/img/msg1.png" alt="">
				<view class="text">
					<view class="title">
						需审核清单
						<text class="right">2019-06-20</text>
					</view>
					<view class="subtitle">
						消息副标题副标题副标题副标题
					</view>
				</view>
			</view>
			<view class="li">
				<img src="/static/img/msg2.png" alt="">
				<view class="text">
					<view class="title">
						系统消息
						<text class="right">2019-06-20</text>
					</view>
					<view class="subtitle">
						消息副标题副标题副标题副标题
					</view>
				</view>
			</view>
			<view class="li">
				<img src="/static/img/msg4.png" alt="">
				<view class="text">
					<view class="title">
						消息标题
						<text class="right">2019-06-20</text>
					</view>
					<view class="subtitle">
						消息副标题副标题副标题副标题
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
import { uniIcons } from '@dcloudio/uni-ui';
export default {
	components: { uniIcons },
	data() {
		return {
			msg_list: [
				{
					id: 5,
					checked: false
				}
			],
			compile: false,
			initData:[],
			noreadtype:[],
			is_go_top: false,
			is_all: false
		};
	},
	mounted() {
		this.getData();
	},
	methods: {
		getData() {
			
		},
		go_type(e){
			
		},
		back() {
			uni.navigateBack({
				delta: 1
			});
		}
	}
};
</script>
<style lang="less" scoped>
	page{
		background: #fff;
	}
.msg {
	.main {
		background: #fff;
		padding: 0 20rpx;
		.li{
			font-size: 30rpx;
			border-bottom: 1px solid #e1e1e1;
			display: flex;
			flex-direction: row;
			padding: 33rpx 0;
			line-height: 50rpx;
			img{
				width: 100rpx;
				height: 100rpx;
				margin-right: 28rpx;
			}
			.text{
				width: 100%;
				.subtitle,.right{
					font-size: 26rpx;
					color: #999999;
				}
			}
		}
	}
}
</style>
